.VerticalCenter {
  display: table;
  height: 100%;
  width: 100%; }

.vcCell {
  display: table-cell;
  vertical-align: middle; }
</style><style data-filename="">.igModalDialog .igDialogInner,
.igModalDialog .igDialogHeader {
  border: none;
  margin: 0; }
.igModalDialog .igDialogHeader {
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.igDialogLayer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 16px;
  background-color: rgba(1, 1, 1, 0.725);
  z-index: 100;
  overflow: auto; }

.touch .igDialogLayer {
  cursor: pointer; }

.igDialogLayer.vcCell {
  padding: 16px; }

.igdContentWrap {
  padding: 8px 32px; }

.igDialogContent {
  margin: 0 auto;
  background: #fdfdfd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.igDialogHeader {
  position: relative;
  height: 44px;
  border: 1px solid #1c5380;
  border-width: 1px 1px 0;
  -webkit-box-shadow: 0 -1px 0 #06365f inset, 0 1px 0 rgba(255,255,255,0.2) inset;
  -moz-box-shadow: 0 -1px 0 #06365f inset, 0 1px 0 rgba(255,255,255,0.2) inset;
  box-shadow: 0 -1px 0 #06365f inset, 0 1px 0 rgba(255,255,255,0.2) inset;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #517fa4;
  background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-1.png"), -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
  background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-1.png"), -webkit-linear-gradient(top, #517fa4, #306088);
  background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-1.png"), -moz-linear-gradient(top, #517fa4, #306088);
  background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-1.png"), -o-linear-gradient(top, #517fa4, #306088);
  background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-1.png"), -ms-linear-gradient(top, #517fa4, #306088);
  background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-1.png"), linear-gradient(top, #517fa4, #306088);
  background-position: 50% 50%;
  margin: -1px -1px 1px; }

.igDialogTitle {
  margin: 0;
  line-height: 44px; }

.formAdjacent label {
  display: inline-block;
  width: 35%; }

.igDialogClose {
  position: fixed;
  right: 8px;
  top: 0;
  display: block;
  font: 30px/30px "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #fff;
  cursor: pointer; }

.igDialogTitle {
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }

@media screen and (max-width: 920px) {
  .igDialogLayer {
    padding: 32px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .igDialogClose,
  .igdContentWrap {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
</style><style data-filename="">.LoginDialogSubmit, .LoginDialogSubmit:visited {
  color: #fff; }
.LoginDialogSubmit:hover {
  color: #fff; }
.ButtonActive.LoginDialogSubmit, .button-active.LoginDialogSubmit, .active.LoginDialogSubmit, .LoginDialogSubmit:active, html.touch .pressed.LoginDialogSubmit {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }

.LoginDialogSubmit {
  background-color: #6bb38a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6bb38a), to(#3d8b5f));
  background-image: -webkit-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: -moz-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: -o-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: -ms-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: linear-gradient(top, #6bb38a, #3d8b5f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6bb38a', EndColorStr='#3d8b5f');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #1e693f; }
  .ButtonActive.LoginDialogSubmit, .button-active.LoginDialogSubmit, .active.LoginDialogSubmit, .LoginDialogSubmit:active, html.touch .pressed.LoginDialogSubmit {
    background: #3a845a; }
  .LoginDialogSubmit {
    border: 1px solid #3d8b5f; }
  .ButtonActive.LoginDialogSubmit, .button-active.LoginDialogSubmit, .active.LoginDialogSubmit, .LoginDialogSubmit:active, html.touch .pressed.LoginDialogSubmit {
    border-color: #2d6847; }

.LoginDialog {
  max-width: 400px; }
  .LoginDialog.igDialogContent label {
    color: #06365f; }

h3.LoginDialogMessage {
  background-color: rgba(221, 221, 221, 0.15);
  border-bottom: 1px solid #c3cfd9;
  box-shadow: 0 1px 5px rgba(153, 153, 153, 0.2);
  color: #3f729b;
  line-height: 64px;
  margin: 0;
  text-align: center;
  vertical-align: middle; }

.LoginDialogForgot {
  text-decoration: underline; }

.LoginDialogError {
  color: #f93855; }

.LoginDialogIframe {
  border: none;
  width: 100%;
  height: 182px; }

.dialog.loginForm {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
</style><style data-filename="">.ButtonSizeMicro {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 7px 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.ButtonSizeMini {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 7px 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.ButtonSizeSmall {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px 9px 6px; }

.Button,
.ButtonSizeMedium {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7px 10px 8px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.ButtonSizeLarge {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 9px 12px; }

.ButtonSizeXL {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 10px 13px; }

.ButtonColorBlue, .ButtonColorBlue:visited {
  color: #fff; }
.ButtonColorBlue:hover {
  color: #fff; }
.ButtonActive.ButtonColorBlue, .button-active.ButtonColorBlue, .active.ButtonColorBlue, .ButtonColorBlue:active, html.touch .pressed.ButtonColorBlue {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }

.Button {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  -moz-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  box-shadow:              0 1px 1px rgba(0, 0, 0, 0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ; }
  .ButtonActive.Button, .button-active.Button, .active.Button, .Button:active, html.touch .pressed.Button {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.08),             inset 0 0 1px rgba(0, 0, 0, 0.08),             0 1px 0 rgba(255, 255, 255, 0.9)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.08),             inset 0 0 1px rgba(0, 0, 0, 0.08),             0 1px 0 rgba(255, 255, 255, 0.9)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.08),             inset 0 0 1px rgba(0, 0, 0, 0.08),             0 1px 0 rgba(255, 255, 255, 0.9)         ; }

.ButtonColorBlue {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  -moz-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  box-shadow:              0 1px 1px rgba(0, 0, 0, 0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ; }
  .ButtonActive.ButtonColorBlue, .button-active.ButtonColorBlue, .active.ButtonColorBlue, .ButtonColorBlue:active, html.touch .pressed.ButtonColorBlue {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ; }

.ButtonColorBlue {
  background-color: #6f97b6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6f97b6), to(#3f729b));
  background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -ms-linear-gradient(top, #6f97b6, #3f729b);
  background-image: linear-gradient(top, #6f97b6, #3f729b);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6f97b6', EndColorStr='#3f729b');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #1c5380; }
  .ButtonActive.ButtonColorBlue, .button-active.ButtonColorBlue, .active.ButtonColorBlue, .ButtonColorBlue:active, html.touch .pressed.ButtonColorBlue {
    background: #3c6d94; }
  .ButtonColorBlue {
    border: 1px solid #1c5380; }
  .ButtonActive.ButtonColorBlue, .button-active.ButtonColorBlue, .active.ButtonColorBlue, .ButtonColorBlue:active, html.touch .pressed.ButtonColorBlue {
    border-color: #133856; }

.Button {
  position: relative;
  cursor: pointer;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none !important;
  color: #111;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  background-color: #eeeeee;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .Button:hover {
    background-color: #eeeeee; }
  .Button.ButtonActive, .Button.button-active, .Button.active, .Button:active, html.touch .Button.pressed {
    background-color: #dddddd; }
  .Button {
    border: 1px solid #bbbbbb; }
  .Button.ButtonActive, .Button.button-active, .Button.active, .Button:active, html.touch .Button.pressed {
    border-color: #a2a2a2; }

.Button {
  background-color: #f9fafb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9fafb), to(#eef1f4));
  background-image: -webkit-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: -moz-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: -o-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: -ms-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: linear-gradient(top, #f9fafb, #eef1f4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9fafb', EndColorStr='#eef1f4');
  background-position: 50% 50%; }
  .Button.ButtonActive, .Button.button-active, .Button.active, .Button:active, html.touch .Button.pressed {
    background: #e8ecf0; }
  .Button {
    border: 1px solid #c6daec; }
  .Button.ButtonActive, .Button.button-active, .Button.active, .Button:active, html.touch .Button.pressed {
    border-color: #b3cee6; }
</style><style data-filename="">@-webkit-keyframes 'spin8' {
  0% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.499% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.5% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  24.999% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.499% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.5% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  49.999% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  50% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.499% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  74.999% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  75% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.499% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.5% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  99.999% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  100% {
    -webkit-transform: rotate(100deg);
    -moz-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    transform: rotate(100deg); } }

@-moz-keyframes spin8 {
  0% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.499% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.5% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  24.999% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.499% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.5% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  49.999% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  50% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.499% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  74.999% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  75% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.499% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.5% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  99.999% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  100% {
    -webkit-transform: rotate(100deg);
    -moz-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    transform: rotate(100deg); } }

@-ms-keyframes spin8 {
  0% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.499% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.5% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  24.999% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.499% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.5% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  49.999% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  50% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.499% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  74.999% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  75% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.499% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.5% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  99.999% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  100% {
    -webkit-transform: rotate(100deg);
    -moz-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    transform: rotate(100deg); } }

@-o-keyframes spin8 {
  0% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.499% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.5% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  24.999% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.499% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.5% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  49.999% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  50% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.499% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  74.999% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  75% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.499% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.5% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  99.999% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  100% {
    -webkit-transform: rotate(100deg);
    -moz-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    transform: rotate(100deg); } }

@keyframes 'spin8' {
  0% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.499% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  12.5% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  24.999% {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.499% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

  37.5% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  49.999% {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg); }

  50% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.499% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }

  62.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  74.999% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }

  75% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.499% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg); }

  87.5% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  99.999% {
    -webkit-transform: rotate(495deg);
    -moz-transform: rotate(495deg);
    -o-transform: rotate(495deg);
    transform: rotate(495deg); }

  100% {
    -webkit-transform: rotate(100deg);
    -moz-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    transform: rotate(100deg); } }

.Spinner {
  height: 18px;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px;
  background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/spinner.png");
  background-size: 100%;
  -webkit-animation: spin8 0.8s linear infinite;
  -moz-animation: spin8 0.8s linear infinite;
  -o-animation: spin8 0.8s linear infinite;
  animation: spin8 0.8s linear infinite; }
</style><style data-filename="">.iLoading {
  opacity: 0; }

.iLoaded {
  opacity: 1; }

.iLoaded.iWithTransition {
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s; }

.Image {
  background-size: 100% 100%;
  position: relative; }
</style><style data-filename="">/*
VideoJS Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
*/

/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/
}

/* Playback technology elements expand to the width/height of the containing div.
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen { position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute; /* IE6 Full-window (underscore hack) */
}
.video-js:-webkit-full-screen {
  width: 100% !important; height: 100% !important;
}

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em; /* Leave padding on left and right */
  right: 1em;
  font-family: Arial, sans-serif;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
}
.video-js .vjs-subtitles { color: #fff; } /* Subtitles are white */
.video-js .vjs-captions { color: #fc6; } /* Captions are yellow */
.vjs-tt-cue { display: block; }

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  display: block !important;
  visibility: visible; /* Needed to make sure things hide in older browsers too. */
  opacity: 1;

  -webkit-transition: visibility 0.1s, opacity 0.1s;
     -moz-transition: visibility 0.1s, opacity 0.1s;
      -ms-transition: visibility 0.1s, opacity 0.1s;
       -o-transition: visibility 0.1s, opacity 0.1s;
          transition: visibility 0.1s, opacity 0.1s;
}
.vjs-fade-out {
  display: block !important;
  visibility: hidden;
  opacity: 0;

  -webkit-transition: visibility 1.5s, opacity 1.5s;
     -moz-transition: visibility 1.5s, opacity 1.5s;
      -ms-transition: visibility 1.5s, opacity 1.5s;
       -o-transition: visibility 1.5s, opacity 1.5s;
          transition: visibility 1.5s, opacity 1.5s;

  /* Wait a moment before fading out the control bar */
  -webkit-transition-delay: 2s;
     -moz-transition-delay: 2s;
      -ms-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden { display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */

/* Base UI Component Classes
-------------------------------------------------------------------------------- */
@font-face{
  font-family: 'VideoJS';
  src: url('../f/1/vjs.eot');
  src: url('../f/1/vjs.eot') format('embedded-opentype'),
  url('../f/1/vjs.woff') format('woff'),
  url('../f/1/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.vjs-default-skin {
  color: #ccc;
}

/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  outline: 0; /* Replace browser focus hightlight with handle highlight */
  position: relative;
  cursor: pointer;
  padding: 0;

  background: rgb(50, 50, 50); /* IE8- Fallback */
  background: rgba(100, 100, 100, 0.5);
}

.vjs-default-skin .vjs-slider:focus {
  background: rgb(70, 70, 70); /* IE8- Fallback */
  background: rgba(100, 100, 100, 0.70);

  -webkit-box-shadow: 0 0 2em rgba(255, 255, 255, 1);
     -moz-box-shadow: 0 0 2em rgba(255, 255, 255, 1);
          box-shadow: 0 0 2em rgba(255, 255, 255, 1);
}

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-slider-handle:before {
  /*content: "\f111";*/ /* Circle icon = f111 */
  content: "\e009"; /* Square icon */
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;

  position: absolute;
  top: 0;
  left: 0;

  /* Rotate the square icon to make a diamond */
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/* Control Bar
-------------------------------------------------------------------------------- */
/* The default control bar. Created by controls.js */
.vjs-default-skin .vjs-control-bar {
  display: none; /* Start hidden */
  position: absolute;
  /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  bottom: 0;
  /* 100% width of player div */
  left: 0;
  right: 0;
  /* Controls are absolutely position, so no padding necessary */
  padding: 0;
  margin: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  background-color: rgb(0, 0, 0);
  /* Slight blue so it can be seen more easily on black. */
  background-color: rgba(7, 40, 50, 0.7);
  /* Default font settings */
  font-style: normal;
  font-weight: normal;
  font-family: Arial, sans-serif;
}

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}

/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em rgba(255, 255, 255, 1);
}

.vjs-default-skin .vjs-control:focus { /*  outline: 0; */ /* keyboard-only users cannot see the focus on several of the UI elements when this is set to 0 */ }

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001"; /* Play Icon */
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002"; /* Pause Icon */
}

/* Rewind
-------------------------------------------------------------------------------- */
/*.vjs-default-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; }
.vjs-default-skin .vjs-rewind-control div { width: 19px; height: 16px; background: url('video-js.png'); margin: 0.5em auto 0; }
*/

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006"; /* Full volume */
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003"; /* No volume */
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004"; /* Half volume */
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005"; /* Full volume */
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;

  background: #66A8CC
    url()
    -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;

  width: 1em;
  height: 1em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}

/*.vjs-default-skin .vjs-menu-button .vjs-volume-control {
  height: 1.5em;
}*/

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;

  /* Shrink the bar slower than it grows. */
  -webkit-transition: top 0.4s, height 0.4s, font-size 0.4s, -webkit-transform 0.4s;
     -moz-transition: top 0.4s, height 0.4s, font-size 0.4s,    -moz-transform 0.4s;
       -o-transition: top 0.4s, height 0.4s, font-size 0.4s,      -o-transform 0.4s;
          transition: top 0.4s, height 0.4s, font-size 0.4s,         transform 0.4s;

}

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;

  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  -webkit-transition: top 0.2s, height 0.2s, font-size 0.2s, -webkit-transform 0.2s;
     -moz-transition: top 0.2s, height 0.2s, font-size 0.2s,    -moz-transform 0.2s;
       -o-transition: top 0.2s, height 0.2s, font-size 0.2s,      -o-transform 0.2s;
          transition: top 0.2s, height 0.2s, font-size 0.2s,         transform 0.2s;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  /* Placement within the progress control item */
  height: 100%;
}

/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprising works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #66A8CC
    url()
    -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: rgb(100, 100, 100); /* IE8- Fallback */
  background: rgba(255, 255, 255, 0.4);
}

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em; /* Minor adjustment */
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time { float: left; }
.vjs-default-skin .vjs-duration { float: left; }
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time { display: none; float: left; }
.vjs-time-divider { float: left; line-height: 3em; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000"; /* Enter full screen */
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b"; /* Exit full screen */
}

/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-default-skin .vjs-big-play-button {
  display: block;
  z-index: 2;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 12.0em;
  height: 8.0em;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;

  /* Need a slightly gray bg so it can be seen on black backgrounds */
  background-color: rgb(40, 40, 40);
  background-color: rgba(7, 40, 50, 0.7);

  border: 0.3em solid rgb(50, 50, 50);
  border-color: rgba(255, 255, 255, 0.25);

  -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
          border-radius: 25px;

  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
     -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
          box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);

  -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
     -moz-transition: border 0.4s,    -moz-box-shadow 0.4s,    -moz-transform 0.4s;
       -o-transition: border 0.4s,      -o-box-shadow 0.4s,      -o-transform 0.4s;
          transition: border 0.4s,         box-shadow 0.4s,         transform 0.4s;
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 1);
  /* IE8 needs a non-glow hover state */
  background-color: rgb(80, 80, 80);
  background-color: rgba(50, 50, 50, 0.75);

  -webkit-box-shadow: 0 0 3em #fff;
     -moz-box-shadow: 0 0 3em #fff;
          box-shadow: 0 0 3em #fff;

  -webkit-transition: border 0s, -webkit-box-shadow 0s, -webkit-transform 0s;
     -moz-transition: border 0s,    -moz-box-shadow 0s,    -moz-transform 0s;
       -o-transition: border 0s,      -o-box-shadow 0s,      -o-transform 0s;
          transition: border 0s,         box-shadow 0s,         transform 0s;
}

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001"; /* Play icon */
  font-family: VideoJS;
  font-size: 3em;
  line-height: 2.66;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center; /* Needed for IE8 */

  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Loading Spinner
---------------------------------------------------------*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;

  font-size: 5em;
  line-height: 1;

  width: 1em;
  height: 1em;

  margin-left: -0.5em;
  margin-top: -0.5em;

  opacity: 0.75;

  -webkit-animation: spin 1.5s infinite linear;
     -moz-animation: spin 1.5s infinite linear;
       -o-animation: spin 1.5s infinite linear;
          animation: spin 1.5s infinite linear;
}

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e00a"; /* Loading spinner icon */
  font-family: VideoJS;

  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}

/* Add a gradient to the spinner by overlaying another copy.
   Text gradient plus a text shadow doesn't work
   and `background-clip: text` only works in Webkit. */
.vjs-default-skin .vjs-loading-spinner:after {
  content: "\e00a"; /* Loading spinner icon */
  font-family: VideoJS;

  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em; /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;

  border-left: 2em solid transparent;
  border-right: 2em solid transparent;

  border-top: 1.55em solid rgb(0, 0, 0); /* Same top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5); /* Same as ul background */
}

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0; margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em; /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;

  left: -5em; /* Width of menu - width of button / 2 */

  background-color: rgb(0, 0, 0);
  background-color: rgba(7, 40, 50, 0.7);

  -webkit-box-shadow: -20px -20px 0px rgba(255, 255, 255, 0.5);
     -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.5);
          box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

/*.vjs-default-skin .vjs-menu-button:focus ul,*/ /* This is not needed because keyboard accessibility for the caption button is not handled with the focus any more. */
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.75);
  color: #111;
  outline: 0;

  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
     -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
          box-shadow: 0 0 1em rgba(255, 255, 255, 1);
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before { content: "\e00c"; }

/* There's unfortunately no CC button in FontAwesome, so we need
    to manually create one. Please +1 the fontawesome request.
    https://github.com/FortAwesome/Font-Awesome/issues/968 */
.vjs-default-skin .vjs-captions-button {
  font-size: 1em; /* Font icons are 1.5em */
}
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: none;
}


/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
     -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
          box-shadow: 0 0 1em rgba(255, 255, 255, 1);
}
</style><style data-filename="">.vjsTestMode .vjs-loading-spinner {
  display: none !important; }
</style><style data-filename="">.Video {
  position: relative; }

.vStatesHide .vStatePlay,
.vStatesHide .vStatePause,
.vStatesHide .vStatePrebuffer,
.vStatesHide .vStateBuffering,
.vStatesHide .vStateSound,
.vStatesHide .vStateMuted {
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s; }

.vStatePlay,
.vStatePause,
.vStatePrebuffer,
.vStateBuffering,
.vStateSound,
.vStateMuted {
  background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/frame/vesper-frame-assets.png") no-repeat 0 0;
  display: block;
  position: absolute;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }

.vOffsetIndicator .vStatePlay,
.vOffsetIndicator .vStatePause,
.vOffsetIndicator .vStatePrebuffer,
.vOffsetIndicator .vStateBuffering,
.vOffsetIndicator .vStateSound,
.vOffsetIndicator .vStateMuted {
  background-position: -17px -15px;
  background-size: 190px 300px;
  height: 36px;
  left: auto;
  margin: 0;
  right: 16px;
  top: 16px;
  width: 38px; }

.vStatePlay,
.vStatePause,
.vStatePrebuffer,
.vStateBuffering {
  height: 135px;
  left: 50%;
  margin-left: -61px;
  margin-top: -55px;
  top: 50%;
  width: 135px; }

.vStateSound,
.vStateMuted {
  left: 11px;
  bottom: 11px;
  width: 48px;
  height: 48px;
  display: none; }

.vCoverLayer {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2; }

.Video .vStateSound {
  background-position: -29px -389px; }

.Video .vStatePause {
  display: none; }

.Video .vStatePaused,
.Video .vStatePause {
  background-position: -18px -78px; }

.Video.vOffsetIndicator .vStatePause {
  display: block; }

.Video .vStateMuted {
  background-position: -149px -389px; }

.Video .vjs-control-bar,
.Video .vjs-control,
.Video .vjs-loading-spinner,
.Video .vjs-big-play-button,
.Video .text-track-display {
  display: none; }

html.touch .Video .vStates {
  display: none; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .vStatePlay,
  .vStatePause,
  .vStatePrebuffer,
  .vStateBuffering,
  .vStateSound,
  .vStateMuted {
    background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/frame/vesper-frame-assets@2x.png") no-repeat 0 0;
    background-size: 360px 600px; }

  .vOffsetIndicator .vStatePlay,
  .vOffsetIndicator .vStatePause,
  .vOffsetIndicator .vStatePrebuffer,
  .vOffsetIndicator .vStateBuffering,
  .vOffsetIndicator .vStateSound,
  .vOffsetIndicator .vStateMuted {
    background-size: 180px 300px; }

  .Video .vStateMuted {
    background-position: -156px -389px; } }
</style><style data-filename="">.LikeList {
  color: #aaaaaa;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.llRemainingCount,
.llNameLink {
  font-weight: bold;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis; }
</style><style data-filename="">.scrollArea {
  position: relative;
  overflow: hidden; }

.scrollAreaInitialized {
  -webkit-transition: height 0.5s ease-out;
  -moz-transition: height 0.5s ease-out;
  -o-transition: height 0.5s ease-out;
  transition: height 0.5s ease-out; }

.scrollArea.scrollAreaOpen {
  overflow-y: auto; }

.scrollAreaScrolledTiny {
  -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 2px 0 rgba(0,0,0,0.05);
  box-shadow: inset 0 2px 0 rgba(0,0,0,0.05); }

.scrollAreaScrolledMore {
  -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,0.05), inset 0 3px 0 rgba(0,0,0,.03);
  -moz-box-shadow: inset 0 2px 0 rgba(0,0,0,0.05), inset 0 3px 0 rgba(0,0,0,.03);
  box-shadow: inset 0 2px 0 rgba(0,0,0,0.05), inset 0 3px 0 rgba(0,0,0,.03); }

.scrollAreaScrolled {
  -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.03), inset 0 3px 0 rgba(0,0,0,.03), inset 0 4px 0 rgba(0,0,0,.01), inset 0 5px 0 rgba(0,0,0,.01);
  -moz-box-shadow: inset 0 2px 0 rgba(0,0,0,.03), inset 0 3px 0 rgba(0,0,0,.03), inset 0 4px 0 rgba(0,0,0,.01), inset 0 5px 0 rgba(0,0,0,.01);
  box-shadow: inset 0 2px 0 rgba(0,0,0,.03), inset 0 3px 0 rgba(0,0,0,.03), inset 0 4px 0 rgba(0,0,0,.01), inset 0 5px 0 rgba(0,0,0,.01); }

.scrollAreaContents {
  padding: 12px 0 0; }

.scrollAreaEmpty,
.scrollAreaEmpty .scrollAreaContents {
  padding: 0 !important; }

.scrollAreaScrolling .scrollAreaContents {
  padding: 12px 0; }
</style><style data-filename="">.mediaMoreButtonContainer {
  position: relative;
  float: left;
  display: inline;
  height: 100%;
  width: 48px; }

.mediaMoreButton {
  display: block;
  cursor: pointer;
  height: 100%;
  width: 48px; }
  .mediaMoreButton:hover {
    background-color: rgba(255, 255, 255, 0.8); }

.mediaMoreButtonContainer {
  float: right;
  margin-right: 1px; }

.mediaMoreButton {
  background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/feed/feed-assets.png") no-repeat 7px -94px; }

.timelineLikes .mediaMoreButton {
  border-left: 1px solid #ddd;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.9);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.9);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.9); }

.mediaMoreButton:active {
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15), 0 2px 0 rgba(255,255,255,.9), inset 0 0 2px rgba(0,0,0,.08);
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15), 0 2px 0 rgba(255,255,255,.9), inset 0 0 2px rgba(0,0,0,.08);
  box-shadow: 0 1px 0 rgba(0,0,0,.15), 0 2px 0 rgba(255,255,255,.9), inset 0 0 2px rgba(0,0,0,.08); }

.mediaMoreDropdown ul {
  min-height: 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .mediaMoreButton {
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/feed/feed-assets@2x.png");
    -webkit-background-size: 100px 1000px;
    background-size: 100px 1000px; } }
</style><style data-filename="">@charset "UTF-8";
/* (c) 2012 Instagram, Inc, */
/* @license
 * MyFonts Webfont Build ID 2164953, 2012-03-23T23:06:30-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 *
 * Webfont: Proxima Nova Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 * Licensed pageviews: unlimited
 *
 * Webfont: Proxima Nova Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold/
 * Licensed pageviews: unlimited
 *
 * Webfont: Proxima Nova Bold Italic by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold-it/
 * Licensed pageviews: unlimited
 *
 * Webfont: Proxima Nova Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/
 * Licensed pageviews: unlimited
 *
 * Webfont: Proxima Nova Italic by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular-it/
 * Licensed pageviews: unlimited
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2164953
 * Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 *
 * © 2012 Bitstream Inc
 */
@font-face {
  font-family: 'proxima-nova';
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-bold-webfont.eot");
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-bold-webfont.woff") format("woff"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-bold-webfont.ttf") format("truetype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-bold-webfont.svg#ProximaNovaBold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'proxima-nova';
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-boldit-webfont.eot");
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-boldit-webfont.woff") format("woff"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-boldit-webfont.ttf") format("truetype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-boldit-webfont.svg#ProximaNovaBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'proxima-nova';
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-reg-webfont.eot");
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-reg-webfont.woff") format("woff"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-reg-webfont.ttf") format("truetype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-reg-webfont.svg#ProximaNovaRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima-nova';
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-regit-webfont.eot");
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-regit-webfont.eot?#iefix") format("embedded-opentype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-regit-webfont.woff") format("woff"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-regit-webfont.ttf") format("truetype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-regit-webfont.svg#ProximaNovaRegularItalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'proxima-nova';
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-sbold-webfont.eot");
  src: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-sbold-webfont.eot?#iefix") format("embedded-opentype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-sbold-webfont.woff") format("woff"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-sbold-webfont.ttf") format("truetype"), url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/webfonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold") format("svg");
  font-weight: 600;
  font-style: normal; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

h1 {
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul,
ol {
  margin-left: 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button,
input {
  line-height: normal; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  height: 100%; }

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased; }

body {
  background: #fff; }

a img, fieldset {
  border: none; }

fieldset {
  padding: 0; }

input[type=submit],
input.submit {
  font-weight: bold;
  width: auto !important; }

input[type=image], input.image,
input[type=radio], input.radio,
input[type=checkbox], input.checkbox {
  background: none !important;
  border: none !important;
  height: auto !important;
  width: auto !important; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

img.left {
  display: inline;
  float: left !important; }

img.right {
  display: inline;
  float: right !important; }

caption, th {
  text-align: left; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden !important; }

.visible {
  visibility: visible !important; }

.clear:after, .page-footer:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0.01em !important;
  line-height: 0.01em !important; }

.clear, .page-footer {
  display: inline-block; }

* html .clear, * html .page-footer {
  height: 1%; }

.clear, .page-footer {
  display: block; }

@media screen and (max-device-width: 480px) {
  html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none; } }
form p {
  margin-bottom: 10px; }

label {
  display: block; }

input,
select,
textarea {
  border: 1px solid #ccc;
  padding: 9px 8px 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); }
  input:focus,
  select:focus,
  textarea:focus {
    border-color: #a4baca !important;
    background: #f5f7f9; }

input:focus,
select:focus,
textarea:focus {
  border-color: #999; }

select {
  padding: 2px; }

input[type=file] {
  padding: 2px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

label {
  font-weight: bold; }

.form-checkbox > span label span,
.form-radio > span label span {
  padding-left: 10px; }

.form-checkbox > span label span,
.form-radio > span label span {
  font-weight: normal; }

body {
  line-height: 20px;
  color: #222222; }

.proxima-nova,
body, input, select, textarea {
  font-family: 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

.freight-sans-pro,
h1, h2, h3 {
  font-family: 'freight-sans-pro', 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

code {
  font-family: Monaco, Consolas, 'Lucida Console', monospace; }

.at-symbol {
  font-family: Verdana, Helvetica, Arial, sans-serif; }

body {
  font-size: 14px;
  font-size: 1.4rem; }

h1 {
  font-size: 36px;
  line-height: 40px; }

h2 {
  font-size: 23px;
  line-height: 30px; }

h3 {
  font-size: 16px;
  font-weight: 600;
  font-weight: bold; }

h4 {
  font-size: 14px;
  font-weight: 600;
  font-weight: bold;
  text-transform: uppercase; }

small {
  font-size: 12px; }

h1, h2, h3, h4, h5, h6,
th {
  font-weight: 600;
  font-weight: bold; }

h1 {
  margin: 40px 0 20px -1px; }

h2 {
  margin: 20px 0 10px; }

h1 + h2 {
  margin-top: 20px; }

h3 {
  margin: 20px 0 10px; }

h4 {
  margin: 20px 0 10px; }

h1:first-child, h2:first-child {
  margin-top: 0; }

p {
  margin: 0 0 10px; }

pre {
  margin: 15px 0 25px; }
  pre code {
    padding: 14px 14px 14px 19px; }

form label {
  display: block;
  margin: 0 0 5px; }
form input, form select, form textarea {
  font-size: 14px;
  font-size: 1.4rem; }

table {
  margin: 20px 0 30px; }

th, td {
  padding: 5px 10px 4px 0;
  border-bottom: 1px solid #ddd; }

th, tr:last-child td {
  border-bottom-color: #ccc; }

ul, ol {
  margin: 0 0 20px; }
  ul ul, ul ol, ol ul, ol ol {
    margin: 5px 0 15px; }

li {
  margin: 0 0 5px; }

a, a:visited {
  text-decoration: none; }
a:hover {
  text-decoration: underline; }

a, a:visited {
  color: #3f729b; }

a:hover {
  color: #1c5380; }

code {
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 15px; }

th {
  text-transform: uppercase; }

.at-symbol {
  opacity: 0.6; }

p.emphasized {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px; }

.top-bar h1, .top-bar h2 {
  color: #fff; }
.top-bar h2 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
.top-bar a, .top-bar a:visited, .top-bar a:hover {
  text-decoration: none; }

.page-footer {
  font-size: 12px;
  line-height: 16px; }
  .page-footer nav, .page-footer p {
    text-transform: uppercase;
    font-weight: bold; }
  .page-footer p {
    color: #999999;
    color: rgba(0, 0, 0, 0.3); }

.account-state {
  font-weight: bold; }
  .account-state, .account-state a, .account-state a:hover, .account-state a:active {
    color: #fff; }
  .account-state a:active {
    color: #eee; }

.dropdown {
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  font-weight: bold; }
  .dropdown, .dropdown a, .dropdown a:link, .dropdown a:active {
    color: #666;
    text-decoration: none; }
  .dropdown a:hover {
    color: #444; }
  .dropdown a:active {
    color: #111; }
  .dropdown li.negative, .dropdown li.negative a, .dropdown li.negative a:active {
    color: #c00; }
  .dropdown li strong {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 15px;
    color: #aaa; }

.page-footer-chromeless, .page-footer-dark,
.page-home .page-footer {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }

.page-footer-dark span, .page-footer-dark a, .page-footer-dark a:visited, .page-footer-dark a:active, .page-footer-dark a:hover {
  color: #fff;
  -moz-opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3; }
.page-footer-dark a:hover, .page-footer-dark a:active {
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
  opacity: 0.8; }

a {
  -webkit-tap-highlight-color: rgba(63, 114, 155, 0.3); }

pre code {
  display: block;
  overflow: auto;
  background: #fafafa;
  border: 1px solid #ddd; }

code {
  max-width: 100%;
  display: inline;
  background: #eee; }

form ul.errorlist {
  display: none; }
  form ul.errorlist + p input {
    background-color: #fff6f6;
    border-color: #eec3c7; }

fieldset {
  margin: 0 0 20px; }

input[type=text] {
  -webkit-appearance: none; }

textarea {
  padding: 7px 7px 6px; }

.form-actions {
  padding-top: 20px; }

.main form.bordered {
  padding: 40px 0 1px;
  margin: -1px 0 0;
  border-top: 1px solid #ddd; }
  .main form.bordered input:not([type=submit]), .main form.bordered span {
    width: 50%;
    display: inline-block; }
  .main form.bordered span > input:not([type=submit]) {
    width: 100%; }
  .main form.bordered textarea {
    width: 100%; }
  .main form.bordered .form-actions {
    margin-top: 40px;
    border-top: 1px solid #ddd;
    padding-top: 20px; }

.main form.adjacent fieldset {
  margin: 0 0 30px; }
.main form.adjacent p {
  min-height: 30px;
  margin-bottom: 10px; }
.main form.adjacent label {
  display: inline-block;
  width: 160px;
  min-height: 20px; }
.main form.adjacent.wide label {
  width: 220px; }
.main form.adjacent.very-wide label {
  width: 330px; }
.main form.adjacent input[type=text],
.main form.adjacent input[type=email],
.main form.adjacent input[type=password],
.main form.adjacent input[type=tel],
.main form.adjacent textarea {
  margin-top: -5px;
  position: relative;
  top: 0; }
.main form.adjacent textarea {
  margin-bottom: 10px; }
.main form.adjacent span .button {
  margin: -5px 0 0 10px; }
.main form.adjacent span.helptext {
  font-size: 0.9em;
  font-style: italic;
  display: block;
  padding: 10px 0 10px 0;
  width: auto;
  max-width: 999px !important; }

.fadedTextField {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0.08); }
  .fadedTextField:focus {
    background: #fff; }

table {
  width: 100% !important; }

ol, ul {
  padding-left: 20px;
  list-style-position: outside; }

ul {
  list-style-type: square; }

ol {
  list-style-type: decimal; }

[type=submit],
.button {
  position: relative;
  cursor: pointer;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none !important;
  color: #111;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  position: relative;
  background-color: #eeeeee;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  [type=submit]:hover,
  .button:hover {
    background-color: #eeeeee; }
  .ButtonActive[type=submit],
  .ButtonActive.button, .button-active[type=submit],
  .button-active.button, .active[type=submit],
  .active.button, [type=submit]:active,
  .button:active, html.touch .pressed[type=submit],
  html.touch .pressed.button {
    background-color: #dddddd; }
  [type=submit],
  .button {
    border: 1px solid #bbbbbb; }
  .ButtonActive[type=submit],
  .ButtonActive.button, .button-active[type=submit],
  .button-active.button, .active[type=submit],
  .active.button, [type=submit]:active,
  .button:active, html.touch .pressed[type=submit],
  html.touch .pressed.button {
    border-color: #a2a2a2; }

.button-micro {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 7px 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.button-tiny {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 7px 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.button-small,
.button-altsmall,
.main form.adjacent span .button {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px 9px 6px; }

[type=button],
[type=submit],
.button,
.button-medium {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7px 10px 8px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.button-large {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 9px 12px; }

.button-xlarge {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 10px 13px; }

[type=submit],
.button,
.button-light, [type=submit]:visited,
.button:visited,
.button-light:visited {
  color: #0f3556; }
[type=submit]:hover,
.button:hover,
.button-light:hover {
  color: #062540; }
.button-active[type=submit],
.button-active.button,
.button-active.button-light, .active[type=submit],
.active.button,
.active.button-light, [type=submit]:active,
.button:active,
.button-light:active, html.touch .pressed[type=submit],
html.touch .pressed.button,
html.touch .pressed.button-light {
  color: #062540; }

.button-blue, .button-headerblue, .button-gray, .button-green, .button-altgreen, .button-red, .button-darkred, .button-brown, .button-yellow, .button-altblue, .button-blue:visited, .button-headerblue:visited, .button-gray:visited, .button-green:visited, .button-altgreen:visited, .button-red:visited, .button-darkred:visited, .button-brown:visited, .button-yellow:visited, .button-altblue:visited {
  color: #fff; }
.button-blue:hover, .button-headerblue:hover, .button-gray:hover, .button-green:hover, .button-altgreen:hover, .button-red:hover, .button-darkred:hover, .button-brown:hover, .button-yellow:hover, .button-altblue:hover {
  color: #fff; }
.ButtonActive.button-blue, .ButtonActive.button-headerblue, .ButtonActive.button-gray, .ButtonActive.button-green, .ButtonActive.button-altgreen, .ButtonActive.button-red, .ButtonActive.button-darkred, .ButtonActive.button-brown, .ButtonActive.button-yellow, .ButtonActive.button-altblue, .button-active.button-blue, .button-active.button-headerblue, .button-active.button-gray, .button-active.button-green, .button-active.button-altgreen, .button-active.button-red, .button-active.button-darkred, .button-active.button-brown, .button-active.button-yellow, .button-active.button-altblue, .active.button-blue, .active.button-headerblue, .active.button-gray, .active.button-green, .active.button-altgreen, .active.button-red, .active.button-darkred, .active.button-brown, .active.button-yellow, .active.button-altblue, .button-blue:active, .button-headerblue:active, .button-gray:active, .button-green:active, .button-altgreen:active, .button-red:active, .button-darkred:active, .button-brown:active, .button-yellow:active, .button-altblue:active, html.touch .pressed.button-blue, html.touch .pressed.button-headerblue, html.touch .pressed.button-gray, html.touch .pressed.button-green, html.touch .pressed.button-altgreen, html.touch .pressed.button-red, html.touch .pressed.button-darkred, html.touch .pressed.button-brown, html.touch .pressed.button-yellow, html.touch .pressed.button-altblue {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }

.button-grey, .button-grey:visited {
  color: #666666; }
.button-grey:hover {
  color: #444444; }
.button-active.button-grey, .active.button-grey, .button-grey:active, html.touch .pressed.button-grey {
  color: #444444; }

[type=submit],
.button,
.button-light, .button-grey {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  -moz-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  box-shadow:              0 1px 1px rgba(0, 0, 0, 0.08),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ; }
  .ButtonActive[type=submit],
  .ButtonActive.button,
  .ButtonActive.button-light, .ButtonActive.button-grey, .button-active[type=submit],
  .button-active.button,
  .button-active.button-light, .button-active.button-grey, .active[type=submit],
  .active.button,
  .active.button-light, .active.button-grey, [type=submit]:active,
  .button:active,
  .button-light:active, .button-grey:active, html.touch .pressed[type=submit],
  html.touch .pressed.button,
  html.touch .pressed.button-light, html.touch .pressed.button-grey {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.08),             inset 0 0 1px rgba(0, 0, 0, 0.08),             0 1px 0 rgba(255, 255, 255, 0.9)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.08),             inset 0 0 1px rgba(0, 0, 0, 0.08),             0 1px 0 rgba(255, 255, 255, 0.9)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.08),             inset 0 0 1px rgba(0, 0, 0, 0.08),             0 1px 0 rgba(255, 255, 255, 0.9)         ; }

.button-blue, .button-gray,
.button-brown,
.button-red,
.button-green,
.button-yellow,
.button-altblue,
.button-altgreen {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  -moz-box-shadow:              0 1px 1px rgba(0, 0, 0, 0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ;
  box-shadow:              0 1px 1px rgba(0, 0, 0, 0.1),             inset 1px 0 0 rgba(255,255,255,0.05),             inset -1px 0 0 rgba(255,255,255,0.05),             inset 0 1px 0 rgba(255, 255, 255, 0.2)         ; }
  .ButtonActive.button-blue, .ButtonActive.button-gray,
  .ButtonActive.button-brown,
  .ButtonActive.button-red,
  .ButtonActive.button-green,
  .ButtonActive.button-yellow,
  .ButtonActive.button-altblue,
  .ButtonActive.button-altgreen, .button-active.button-blue, .button-active.button-gray,
  .button-active.button-brown,
  .button-active.button-red,
  .button-active.button-green,
  .button-active.button-yellow,
  .button-active.button-altblue,
  .button-active.button-altgreen, .active.button-blue, .active.button-gray,
  .active.button-brown,
  .active.button-red,
  .active.button-green,
  .active.button-yellow,
  .active.button-altblue,
  .active.button-altgreen, .button-blue:active, .button-gray:active,
  .button-brown:active,
  .button-red:active,
  .button-green:active,
  .button-yellow:active,
  .button-altblue:active,
  .button-altgreen:active, html.touch .pressed.button-blue, html.touch .pressed.button-gray,
  html.touch .pressed.button-brown,
  html.touch .pressed.button-red,
  html.touch .pressed.button-green,
  html.touch .pressed.button-yellow,
  html.touch .pressed.button-altblue,
  html.touch .pressed.button-altgreen {
    -webkit-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ;
    -moz-box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ;
    box-shadow:              inset 0 1px 1px rgba(0, 0, 0, 0.15),             inset 0 0 1px rgba(0, 0, 0, 0.15),             0 1px 0 rgba(255, 255, 255, 0.8)         ; }

[type=submit],

.button,
.button-light {
  background-color: #f9fafb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9fafb), to(#eef1f4));
  background-image: -webkit-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: -moz-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: -o-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: -ms-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: linear-gradient(top, #f9fafb, #eef1f4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9fafb', EndColorStr='#eef1f4');
  background-position: 50% 50%; }
  .ButtonActive[type=submit],
  .ButtonActive.button,
  .ButtonActive.button-light, .button-active[type=submit],
  .button-active.button,
  .button-active.button-light, .active[type=submit],
  .active.button,
  .active.button-light, [type=submit]:active,
  .button:active,
  .button-light:active, html.touch .pressed[type=submit],
  html.touch .pressed.button,
  html.touch .pressed.button-light {
    background: #e8ecf0; }
  [type=submit],
  .button,
  .button-light {
    border: 1px solid #c6daec; }
  .ButtonActive[type=submit],
  .ButtonActive.button,
  .ButtonActive.button-light, .button-active[type=submit],
  .button-active.button,
  .button-active.button-light, .active[type=submit],
  .active.button,
  .active.button-light, [type=submit]:active,
  .button:active,
  .button-light:active, html.touch .pressed[type=submit],
  html.touch .pressed.button,
  html.touch .pressed.button-light {
    border-color: #b3cee6; }

.button-blue {
  background-color: #6f97b6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6f97b6), to(#3f729b));
  background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -ms-linear-gradient(top, #6f97b6, #3f729b);
  background-image: linear-gradient(top, #6f97b6, #3f729b);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6f97b6', EndColorStr='#3f729b');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #1c5380; }
  .ButtonActive.button-blue, .button-active.button-blue, .active.button-blue, .button-blue:active, html.touch .pressed.button-blue {
    background: #3c6d94; }
  .button-blue {
    border: 1px solid #1c5380; }
  .ButtonActive.button-blue, .button-active.button-blue, .active.button-blue, .button-blue:active, html.touch .pressed.button-blue {
    border-color: #133856; }

.button-headerblue {
  background-color: #517fa4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
  background-image: -webkit-linear-gradient(top, #517fa4, #306088);
  background-image: -moz-linear-gradient(top, #517fa4, #306088);
  background-image: -o-linear-gradient(top, #517fa4, #306088);
  background-image: -ms-linear-gradient(top, #517fa4, #306088);
  background-image: linear-gradient(top, #517fa4, #306088);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#517fa4', EndColorStr='#306088');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #06365f; }
  .ButtonActive.button-headerblue, .button-active.button-headerblue, .active.button-headerblue, .button-headerblue:active, html.touch .pressed.button-headerblue {
    background: #2d5b80; }
  .button-headerblue {
    border: 1px solid #06365f; }
  .ButtonActive.button-headerblue, .button-active.button-headerblue, .active.button-headerblue, .button-headerblue:active, html.touch .pressed.button-headerblue {
    border-color: #031b2f; }

.button-gray {
  background-color: #999999;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#7c7c7c));
  background-image: -webkit-linear-gradient(top, #999999, #7c7c7c);
  background-image: -moz-linear-gradient(top, #999999, #7c7c7c);
  background-image: -o-linear-gradient(top, #999999, #7c7c7c);
  background-image: -ms-linear-gradient(top, #999999, #7c7c7c);
  background-image: linear-gradient(top, #999999, #7c7c7c);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#999999', EndColorStr='#7c7c7c');
  background-position: 50% 50%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .ButtonActive.button-gray, .button-active.button-gray, .active.button-gray, .button-gray:active, html.touch .pressed.button-gray {
    background: #777777; }
  .button-gray {
    border: 1px solid #777777; }
  .ButtonActive.button-gray, .button-active.button-gray, .active.button-gray, .button-gray:active, html.touch .pressed.button-gray {
    border-color: #666666; }

.button-grey {
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #f3f3f3, #dddddd);
  background-image: -moz-linear-gradient(top, #f3f3f3, #dddddd);
  background-image: -o-linear-gradient(top, #f3f3f3, #dddddd);
  background-image: -ms-linear-gradient(top, #f3f3f3, #dddddd);
  background-image: linear-gradient(top, #f3f3f3, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#dddddd');
  background-position: 50% 50%;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
  .ButtonActive.button-grey, .button-active.button-grey, .active.button-grey, .button-grey:active, html.touch .pressed.button-grey {
    background: #d8d8d8; }
  .button-grey {
    border: 1px solid #c6c6c6; }
  .ButtonActive.button-grey, .button-active.button-grey, .active.button-grey, .button-grey:active, html.touch .pressed.button-grey {
    border-color: #bbbbbb; }

.button-green {
  background-color: #6bb38a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6bb38a), to(#3d8b5f));
  background-image: -webkit-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: -moz-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: -o-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: -ms-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: linear-gradient(top, #6bb38a, #3d8b5f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6bb38a', EndColorStr='#3d8b5f');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #1e693f; }
  .ButtonActive.button-green, .button-active.button-green, .active.button-green, .button-green:active, html.touch .pressed.button-green {
    background: #3a845a; }
  .button-green {
    border: 1px solid #3d8b5f; }
  .ButtonActive.button-green, .button-active.button-green, .active.button-green, .button-green:active, html.touch .pressed.button-green {
    border-color: #2d6847; }

.button-altgreen {
  background-color: #47bc60;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#47bc60), to(#39a64e));
  background-image: -webkit-linear-gradient(top, #47bc60, #39a64e);
  background-image: -moz-linear-gradient(top, #47bc60, #39a64e);
  background-image: -o-linear-gradient(top, #47bc60, #39a64e);
  background-image: -ms-linear-gradient(top, #47bc60, #39a64e);
  background-image: linear-gradient(top, #47bc60, #39a64e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#47bc60', EndColorStr='#39a64e');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #2c803c; }
  .ButtonActive.button-altgreen, .button-active.button-altgreen, .active.button-altgreen, .button-altgreen:active, html.touch .pressed.button-altgreen {
    background: #369e4a; }
  .button-altgreen {
    border: 1px solid #329345; }
  .ButtonActive.button-altgreen, .button-active.button-altgreen, .active.button-altgreen, .button-altgreen:active, html.touch .pressed.button-altgreen {
    border-color: #256d33; }

.button-red {
  background-color: #e8485f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8485f), to(#b72e42));
  background-image: -webkit-linear-gradient(top, #e8485f, #b72e42);
  background-image: -moz-linear-gradient(top, #e8485f, #b72e42);
  background-image: -o-linear-gradient(top, #e8485f, #b72e42);
  background-image: -ms-linear-gradient(top, #e8485f, #b72e42);
  background-image: linear-gradient(top, #e8485f, #b72e42);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e8485f', EndColorStr='#b72e42');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #b72e42; }
  .ButtonActive.button-red, .button-active.button-red, .active.button-red, .button-red:active, html.touch .pressed.button-red {
    background: #af2c3f; }
  .button-red {
    border: 1px solid #b72e42; }
  .ButtonActive.button-red, .button-active.button-red, .active.button-red, .button-red:active, html.touch .pressed.button-red {
    border-color: #8e2433; }

.button-darkred {
  background-color: #c6213a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c6213a), to(#961427));
  background-image: -webkit-linear-gradient(top, #c6213a, #961427);
  background-image: -moz-linear-gradient(top, #c6213a, #961427);
  background-image: -o-linear-gradient(top, #c6213a, #961427);
  background-image: -ms-linear-gradient(top, #c6213a, #961427);
  background-image: linear-gradient(top, #c6213a, #961427);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c6213a', EndColorStr='#961427');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #961427; }
  .ButtonActive.button-darkred, .button-active.button-darkred, .active.button-darkred, .button-darkred:active, html.touch .pressed.button-darkred {
    background: #8d1325; }
  .button-darkred {
    border: 1px solid #961427; }
  .ButtonActive.button-darkred, .button-active.button-darkred, .active.button-darkred, .button-darkred:active, html.touch .pressed.button-darkred {
    border-color: #690e1b; }

.button-uppercase, .button-altsmall, .main form.adjacent span .button {
  text-transform: uppercase; }

.button-icon {
  text-indent: -9999em; }
  .button-icon i {
    display: block; }
  .button-icon:active i, html.touch .button-icon.pressed i {
    opacity: 0.8; }

.button-icon-left b {
  padding-left: 24px; }

.button-icon-right b {
  padding-right: 24px; }

.button-pulldown b {
  padding-right: 14px;
  background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/glyphs/arrow-down-small.png") no-repeat 100% 50%; }

.button-light {
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f9fafb));
  background-image: -webkit-linear-gradient(top, white, #f9fafb);
  background-image: -moz-linear-gradient(top, white, #f9fafb);
  background-image: -o-linear-gradient(top, white, #f9fafb);
  background-image: -ms-linear-gradient(top, white, #f9fafb);
  background-image: linear-gradient(top, white, #f9fafb);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f9fafb');
  background-position: 50% 50%; }
  .button-light.ButtonActive, .button-light.button-active, .button-light.active, .button-light:active, html.touch .button-light.pressed {
    background: #f3f5f7; }

.button-brown {
  background-color: #8f6a58;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8f6a58), to(#6c4634));
  background-image: -webkit-linear-gradient(top, #8f6a58, #6c4634);
  background-image: -moz-linear-gradient(top, #8f6a58, #6c4634);
  background-image: -o-linear-gradient(top, #8f6a58, #6c4634);
  background-image: -ms-linear-gradient(top, #8f6a58, #6c4634);
  background-image: linear-gradient(top, #8f6a58, #6c4634);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8f6a58', EndColorStr='#6c4634');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #6c4634; }
  .button-brown.ButtonActive, .button-brown.button-active, .button-brown.active, .button-brown:active, html.touch .button-brown.pressed {
    background: #654231; }
  .button-brown {
    border: 1px solid #6c4634; }
  .button-brown.ButtonActive, .button-brown.button-active, .button-brown.active, .button-brown:active, html.touch .button-brown.pressed {
    border-color: #4a3023; }

.button-yellow {
  background-color: #c9981a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9981a), to(#a07711));
  background-image: -webkit-linear-gradient(top, #c9981a, #a07711);
  background-image: -moz-linear-gradient(top, #c9981a, #a07711);
  background-image: -o-linear-gradient(top, #c9981a, #a07711);
  background-image: -ms-linear-gradient(top, #c9981a, #a07711);
  background-image: linear-gradient(top, #c9981a, #a07711);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c9981a', EndColorStr='#a07711');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #a07711; }
  .button-yellow.ButtonActive, .button-yellow.button-active, .button-yellow.active, .button-yellow:active, html.touch .button-yellow.pressed {
    background: #977010; }
  .button-yellow {
    border: 1px solid #a07711; }
  .button-yellow.ButtonActive, .button-yellow.button-active, .button-yellow.active, .button-yellow:active, html.touch .button-yellow.pressed {
    border-color: #72550c; }

.button-altblue {
  background-color: #5daaf3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5daaf3), to(#2a85de));
  background-image: -webkit-linear-gradient(top, #5daaf3, #2a85de);
  background-image: -moz-linear-gradient(top, #5daaf3, #2a85de);
  background-image: -o-linear-gradient(top, #5daaf3, #2a85de);
  background-image: -ms-linear-gradient(top, #5daaf3, #2a85de);
  background-image: linear-gradient(top, #5daaf3, #2a85de);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5daaf3', EndColorStr='#2a85de');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #2a85de; }
  .button-altblue.ButtonActive, .button-altblue.button-active, .button-altblue.active, .button-altblue:active, html.touch .button-altblue.pressed {
    background: #2280dc; }
  .button-altblue {
    border: 1px solid #2a85de; }
  .button-altblue.ButtonActive, .button-altblue.button-active, .button-altblue.active, .button-altblue:active, html.touch .button-altblue.pressed {
    border-color: #1d6bb8; }

.img-outset,
.img-inset {
  background: none; }
  .img-outset img,
  .img-inset img {
    width: auto;
    display: block;
    visibility: visible; }

.img,
.img-outset,
.img-inset {
  position: relative;
  display: inline-block; }
  .img b,
  .img-outset b,
  .img-inset b {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }
  .img img,
  .img-outset img,
  .img-inset img {
    display: block; }

.img-outset,
.img-inset {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: no-repeat 0 0;
  -webkit-background-size: 100%;
  background-size: 100%; }
  .img-outset b,
  .img-inset b {
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .img-outset img,
  .img-inset img {
    display: block; }

span.img-inset {
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 1px rgba(255,255,255,0.1);
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 1px rgba(255,255,255,0.1);
  box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 1px rgba(255,255,255,0.1); }
  span.img-inset b {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 2px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 2px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 2px 0 rgba(0,0,0,.2); }

span.img-outset {
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.2); }
  span.img-outset b {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.3);
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.3); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  span.img-outset {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.1); } }
.avatar-xsmall, .top-bar-actions > li img, .avatar-xsmall img, .top-bar-actions > li img img {
  width: 22px;
  height: 22px; }

.avatar-small, .avatar-small img {
  width: 30px;
  height: 30px; }

.avatar-medium, .avatar-medium img {
  width: 40px;
  height: 40px; }
.avatar-medium, .avatar-medium b {
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.avatar-large, .avatar-large img {
  width: 70px;
  height: 70px; }
.avatar-large, .avatar-large b {
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.avatar-profile, .avatar-profile img {
  width: 110px;
  height: 110px; }
.avatar-profile, .avatar-profile b {
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.root {
  height: 100%;
  min-width: 320px; }

body.thirdparty .root {
  min-width: 240px; }

.page,
.dialog-outer {
  position: relative;
  min-height: 100%; }

.page-footer {
  position: relative;
  margin-top: -48px;
  z-index: 20; }

.hidden {
  display: none; }

.wrapper {
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  width: 992px; }

.top-bar {
  position: relative;
  height: 43px;
  border-bottom: 1px solid #1c5380;
  border-bottom-color: rgba(4, 40, 71, 0.8);
  -webkit-box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
  box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
  background-image: url(../images/ossinhos.jpg);
  background-position: 50% 50%;
  z-index: 100; }
  .top-bar hgroup {
    position: relative;
    height: 44px; }
  .top-bar .logo {
    height: 35px;
    width: 97px;
    background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/shared-assets.png") no-repeat 0 4px;
    position: absolute;
    top: 4px;
    margin: 0;
    text-indent: -9999em; }
    .top-bar .logo a {
      display: block;
      height: 100%;
      width: 100%; }
  .top-bar h2 {
    position: absolute;
    top: 7px;
    left: 120px;
    margin: 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar {
    background-color: #517fa4;
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-2.png"), -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-2.png"), -webkit-linear-gradient(top, #517fa4, #306088);
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-2.png"), -moz-linear-gradient(top, #517fa4, #306088);
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-2.png"), -o-linear-gradient(top, #517fa4, #306088);
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-2.png"), -ms-linear-gradient(top, #517fa4, #306088);
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-2.png"), linear-gradient(top, #517fa4, #306088);
    background-position: 50% 50%;
    -webkit-background-size: 30px 20px, auto;
    background-size: 30px 20px, auto; }
    .top-bar .logo {
      background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/shared-assets@2x.png");
      background-size: 150px 600px; } }
.top-bar-new {
  position: relative; }
  .top-bar-new .logo {
    position: absolute;
    left: 50%;
    margin-left: -50px !important; }
  .top-bar-new .top-bar-left,
  .top-bar-new .top-bar-right {
    position: absolute;
    top: 0; }
  .top-bar-new .top-bar-left {
    left: -1px; }
  .top-bar-new .top-bar-right {
    right: 0; }
  .top-bar-new .top-bar-center {
    margin-left: auto;
    margin-right: auto;
    width: 50px; }

.top-bar-wrapper {
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}

.top-bar-left .top-bar-actions {
  float: left;
  display: inline; }

.top-bar-home {
  height: 44px !important;
  width: 44px !important;
  padding: 0 !important; }
  .top-bar-home i {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 44px !important;
    width: 44px !important;
    margin: 0 !important;
    background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/shared-assets.png") no-repeat 6px -194px; }
  .top-bar-home:hover {
    background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/alpha/fff_10.png");
    background: rgba(255, 255, 255, 0.1); }
  .top-bar-home:active {
    background-color: #1c5380;

    background-color: rgba(6, 54, 95, 0.35);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4);
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4);
    box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar-home i {
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/shared-assets@2x.png");
    background-size: 150px 600px; } }
.page-footer {
  clear: both;
  overflow: hidden;
  padding: 8px 0 7px;
  border-top: 1px solid #dddddd;
  background: #fff;
  text-align: center; }
  .page-footer nav, .page-footer nav ul, .page-footer .copyright {
    margin: 0;
    padding: 0; }
  .page-footer nav, .page-footer .copyright, .page-footer li {
    display: inline-block; }
  .page-footer li {
    margin: 0; }
  .page-footer a {
    display: block;
    padding: 8px 6px; }
  .page-footer .copyright {
    padding: 8px 6px;
    margin: 0 0 0 8px; }

.page-footer-chromeless, .page-footer-dark,
.page-home .page-footer {
  background: none;
  border: none; }

.inset-avatar .inset-avatar-border {
  float: left;
  width: 22px;
  height: 22px;
  margin: -1px 8px 0 0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px #06365f;
  -moz-box-shadow: 0 1px 2px #06365f;
  box-shadow: 0 1px 2px #06365f; }
  .inset-avatar .inset-avatar-border .inset-avatar-frame {
    width: 22px;
    height: 22px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8);
    position: absolute;
    z-index: 100; }
  .inset-avatar .inset-avatar-border img {
    width: 22px !important;
    -webkit-border-radius: 2px;
    border-radius: 2px; }

.top-bar-actions {
  margin: 0;
  padding: 0;
  border-right: 1px solid #5786aa;
  border-right-color: rgba(255, 255, 255, 0.1);
  border-left: 1px solid #06365f;
  border-left-color: rgba(0, 0, 0, 0.1); }
  .top-bar-actions > li {
    position: relative;
    float: left;
    display: inline;
    margin: 0; }
    .top-bar-actions > li > a {
      position: relative;
      display: block;
      height: 20px;
      padding: 11px 11px 13px 12px;
      border-right: 1px solid #06365f;
      border-right-color: rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.1);
      -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.1);
      box-shadow: inset 1px 0 0 rgba(255,255,255,.1);
      text-shadow: 0 1px 0 rgba(3, 27, 47, 0.5);
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
      .top-bar-actions > li > a i {
        display: block;
        float: left;
        height: 28px;
        width: 28px;
        margin: -5px 4px 0 -8px; }
      .top-bar-actions > li > a:hover {
        background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/alpha/fff_10.png");
        background: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(0, 0, 0, 0.15); }
      .top-bar-actions > li > a:active, .top-bar-actions > li > a.link-active, html.touch .top-bar-actions > li > a.pressed {
        border-left: none;
        background-color: #1c5380;
        background-color: rgba(6, 54, 95, 0.35);
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4);
        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4);
        box-shadow: -1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4); }
    .top-bar-actions > li .img-outset {
      float: left;
      display: inline;
      margin: -2px 10px 1px -1px; }
    .top-bar-actions > li img {
      width: 24px;
      height: 24px;
      visibility: hidden; }
  .top-bar-actions .link-signin i {
    background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/glyph-assets.png") no-repeat 2px 3px; }
  .top-bar-actions .link-settings i {
    background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/glyph-assets.png") no-repeat 3px -196px; }
  .top-bar-actions .link-open-instagram i {
    width: 26px;
    height: 28px;
    margin-left: 1px !important;
    background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/glyph-assets.png") no-repeat 0px -399px; }
  .top-bar-actions .link-open-instagram strong {
    position: relative;
    color: #e5ebf0;
    top: -1px; }

.account-state {
  position: absolute;
  top: 0;
  right: 15px; }
  .account-state p, .account-state .top-bar-actions {
    float: right;
    display: inline; }
  .account-state p {
    padding: 8px 0 0 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
  .account-state .dropdown {
    right: 1px;
    top: 38px; }
    .account-state .dropdown a {
      padding-right: 18px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .account-state .dropdown i {
      top: 0;
      left: auto;
      right: 13px;
      height: 10px;
      width: 13px;
      background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/dropdown-arrow.png") no-repeat 0 0; }
    .account-state .dropdown ul {
      min-width: 150px; }

.dropdown {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
  margin: -10px 0 0;
  padding: 10px 0 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  opacity: 0;
  /* Add .dropdownOptionList if extra specificity is needed. */ }
  html.android .dropdown, html.no-csstransitions .dropdown, html.msie .dropdown, html.opera .dropdown {
    display: none; }
  .dropdown ul.dropdownOptionList,
  .dropdown ul {
    background: #eeeeee url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/bg/white-gradient-300px.png") repeat-x 0 0;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
    min-width: 100px;
    padding: 1px 3px;
    margin: 0;
    list-style: none; }
  .dropdown li {
    padding: 5px 0 5px;
    margin: 0;
    border-top: 1px solid #eee;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95); }
    .dropdown li:first-child {
      border-top: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .dropdown li a {
      display: block;
      padding: 4px 8px 4px 8px;
      margin: -3px 0px -3px;
      border: 1px solid transparent;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      /* Add .dropdownLinkHover if extra specificity is needed. */ }
      .dropdown li a:hover.dropdownLinkHover, .dropdown li a:hover {
        border: 1px solid #eee;
        background: #999999 url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/bg/white-gradient-300px.png") repeat-x 50% 50%;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.9); }
      html.touch .dropdown li a:hover, .dropdown li a:active {
        border: 1px solid #ddd;
        border-top-color: #d6d6d6;
        background: #eaeaea;
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,0.9);
        -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,0.9);
        box-shadow: inset 0 0 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,0.9); }
    .dropdown li > strong {
      display: block;
      margin-bottom: -5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #ddd; }
  .dropdown i {
    position: absolute;
    left: 10px;
    right: auto;
    top: 0;
    height: 10px;
    width: 13px;
    z-index: 10;
    background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/glyph-assets.png") no-repeat -1px -800px; }
  .dropdown i.right {
    left: auto;
    right: 10px; }

.dropdown-inverted {
  margin: 0 0 -10px;
  padding: 0 0 5px;
  top: auto;
  bottom: 0; }
  .dropdown-inverted i {
    background-position: -1px -701px; }

.dropdown-open .dropdown {
  margin: 0;
  opacity: 0.99;
  pointer-events: all; }
  html.android .dropdown-open .dropdown, html.no-csstransitions .dropdown-open .dropdown, html.msie .dropdown-open .dropdown, html.opera .dropdown-open .dropdown {
    display: block; }

.alerts {
  margin-bottom: 20px; }

.alert-red,
.alert-blue,
.alert-green {
  padding: 11px 12px 9px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
  border: solid 1px;
  min-height: 0; }

.alert-red {
  color: #b94a5c;
  background-color: #f2dede;
  border-color: #eed3d7; }

.alert-blue {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.alert-green {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.p-error .main {
  padding: 0 0 160px; }

.error-container {
  width: 400px;
  border: 1px solid #a4baca;
  background: #fdfdfd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 100px auto 0;
  padding: 25px 30px 20px;
  text-align: center; }

.top-bar .internal-settings {
  position: relative;
  float: right;
  display: inline;
  width: 110px;
  height: 44px;
  margin: 0 0 -1px;
  padding: 0; }
  .top-bar .internal-settings > a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 40px;
    margin: 2px;
    color: #2e4253;
    background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/glyphs/internal-settings.png") no-repeat 0 -1px;
    opacity: 0.6; }
    .top-bar .internal-settings > a > strong {
      display: block;
      height: 40px;
      padding-top: 9px;
      margin-left: 34px; }
  .top-bar .internal-settings .dropdown {
    right: 0;
    margin-right: -1px; }
    .top-bar .internal-settings .dropdown i {
      right: 17px; }
  .top-bar .internal-settings.dropdown-open a, .top-bar .internal-settings:hover a {
    opacity: 1; }
.top-bar .on-prerelease > a {
  background-position: 0 -41px;
  color: #fff; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar .internal-settings > a {
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/glyphs/internal-settings@2x.png");
    background-size: 40px 80px; } }
@media screen and (max-width: 460px) {
  .p-error .main {
    padding-bottom: 0; }

  .error-container {
    margin: 0;
    border: none;
    width: auto; } }
@media screen and (max-width: 990px) {
  body, .root {
    width: 100%; }

  .wrapper {
    width: 100%;
    box-sizing: border-box; }

  .account-state {
    right: 0; }
    .account-state ul {
      border-right-width: 0; } }
@media screen and (max-width: 480px) {
  .account-state .link-signin > a strong,
  .account-state .link-profile > a strong {
    display: none; }
  .account-state a {
    padding-bottom: 12px; }
    .account-state a .img-inset,
    .account-state a .img-outset {
      margin-right: 0; } }
@media screen and (max-width: 480px) {
  .top-bar .wrapper {
    padding: 0 9px; } }
@-webkit-keyframes 'fade-in' {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes 'fade-in' {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }

  .account-state .link-signin i,
  .account-state .link-settings i,
  .account-state .link-open-instagram i {
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/glyph-assets@2x.png");
    -webkit-background-size: 150px 1600px;
    background-size: 150px 1600px; }

  .dropdown {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }

  .dropdown-open .dropdown {
    margin: -10px 0 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }
.mobileAvatarImage img {
  height: 100%;
  visibility: hidden;
  width: auto; }
</style><style data-filename="">.i-like-pop {
  -webkit-animation: like-pop .3s ease-out 0s;
  -moz-animation: like-pop .3s ease-out 0s;
  -o-animation: like-pop .3s ease-out 0s;
  animation: like-pop .3s ease-out 0s; }

@-webkit-keyframes 'like-pop' {
  0% {
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    opacity: 0.5; }

  60% {
    opacity: 1; }

  100% {
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    opacity: 0; } }

@-moz-keyframes like-pop {
  0% {
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    opacity: 0.5; }

  60% {
    opacity: 1; }

  100% {
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    opacity: 0; } }

@-ms-keyframes like-pop {
  0% {
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    opacity: 0.5; }

  60% {
    opacity: 1; }

  100% {
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    opacity: 0; } }

@-o-keyframes like-pop {
  0% {
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    opacity: 0.5; }

  60% {
    opacity: 1; }

  100% {
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    opacity: 0; } }

@keyframes 'like-pop' {
  0% {
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    opacity: 0.5; }

  60% {
    opacity: 1; }

  100% {
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    opacity: 0; } }

.timelineBookmarkAvatar::after,
.timelineCommentAvatar::after,
.timelinePhoto::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  z-index: 1; }
.timelineBookmarkAvatar .Image,
.timelineCommentAvatar .Image,
.timelinePhoto .Image {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95); }
.timelineBookmarkAvatar::after,
.timelineCommentAvatar::after,
.timelinePhoto::after {
  border: 1px solid rgba(0, 0, 0, 0.15); }

.timelineBookmarkAvatar::after,
.timelineBookmarkAvatar .Image,
.timelineCommentAvatar::after,
.timelineCommentAvatar .Image {
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.timelinePhoto,
.timelinePhoto .Image,
.timelinePhoto::after {
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.timelinePhoto {
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.08);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.08);
  box-shadow: 0 0 15px rgba(0,0,0,.08); }
  .timelinePhoto::after {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
    border-color: rgba(0, 0, 0, 0.2); }

.timelineSidebar {
  float: left;
  width: 224px;
  padding: 16px 0; }

.timelineCenter {
  background: #A5CBF1 url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-2.png");
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px;
  min-width: 240px;
  max-width: 512px;
  padding: 16px 32px;
  margin-left: 224px; }

.timelineFirst .timelineSidebar,
.timelineFirst .timelineCenter {
  padding-top: 32px; }

.timelineLast .timelineSidebar,
.timelineLast .timelineCenter {
  padding-bottom: 32px; }

.timelineLast .timelineCenter {
  border-width: 0 1px 1px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.timelineBookmark {
  margin-right: 24px;
  padding-top: 4px;
  position: relative; }
  .timelineBookmark .timelineBookmarkAvatar {
    position: absolute;
    right: 0;
    top: 0; }
  .timelineBookmark .Image {
    width: 40px;
    height: 40px; }

.timelineBookmarkInfo {
  padding: 0 52px 0 0; }

.timelineBookmarkInfoUsername,
.timelineBookmarkInfoTimestamp {
  display: block;
  text-align: right; }

.timelineBookmarkInfoUsername {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 4px; }

.timelineBookmarkLocation {
  float: right;
  background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/feed/feed-assets.png") no-repeat -4px -204px;
  padding: 0 0 0 14px;
  margin: 12px 0 0 20px;
  max-width: 85%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.timelineCard {
  background: #fafafa;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
  text-align: left; }

.timelineCard .mediaPhoto {
  position: relative;
  padding-bottom: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.timelineCard .mediaPhoto .timelinePhoto {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px; }
  .timelineCard .mediaPhoto .timelinePhoto .Image {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.timelineCard .mediaPhoto .i-like-big {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/p/glyph-heart-pop-big.png") no-repeat 50% 50%;
  z-index: 100;
  -webkit-background-size: 40% 40%;
  background-size: 40% 40%;
  -moz-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.timelineCard .mediaPhoto .i-like-big-pop {
  -webkit-animation: like-big-pop 0.3s ease-out;
  -moz-animation: like-big-pop 0.3s ease-out;
  -o-animation: like-big-pop 0.3s ease-out;
  animation: like-big-pop 0.3s ease-out; }

@-webkit-keyframes 'like-big-pop' {
  0% {
    -webkit-background-size: 40% 40%;
    background-size: 40% 40%;
    opacity: 0.25; }

  50% {
    opacity: 0.9; }

  100% {
    -webkit-background-size: 60% 60%;
    background-size: 60% 60%;
    opacity: 0; } }

@-moz-keyframes like-big-pop {
  0% {
    -webkit-background-size: 40% 40%;
    background-size: 40% 40%;
    opacity: 0.25; }

  50% {
    opacity: 0.9; }

  100% {
    -webkit-background-size: 60% 60%;
    background-size: 60% 60%;
    opacity: 0; } }

@-ms-keyframes like-big-pop {
  0% {
    -webkit-background-size: 40% 40%;
    background-size: 40% 40%;
    opacity: 0.25; }

  50% {
    opacity: 0.9; }

  100% {
    -webkit-background-size: 60% 60%;
    background-size: 60% 60%;
    opacity: 0; } }

@-o-keyframes like-big-pop {
  0% {
    -webkit-background-size: 40% 40%;
    background-size: 40% 40%;
    opacity: 0.25; }

  50% {
    opacity: 0.9; }

  100% {
    -webkit-background-size: 60% 60%;
    background-size: 60% 60%;
    opacity: 0; } }

@keyframes 'like-big-pop' {
  0% {
    -webkit-background-size: 40% 40%;
    background-size: 40% 40%;
    opacity: 0.25; }

  50% {
    opacity: 0.9; }

  100% {
    -webkit-background-size: 60% 60%;
    background-size: 60% 60%;
    opacity: 0; } }

.timelineLikes {
  position: relative;
  height: 40px;
  border-bottom: 1px solid #ddd;
  margin: 1px 0 -1px;
  background: #e6e6e6 url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/bg/white-gradient-100px.png") repeat-x 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 0 3px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 0 3px rgba(0,0,0,.1);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 0 3px rgba(0,0,0,.1); }

.timelineLikeList {
  line-height: 16px;
  margin: 0 52px 0 48px;
  padding: 12px 0 12px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.noLikes {
  font-weight: bold;
  visibility: hidden; }

.timelineLikeButton {
  position: relative;
  float: left;
  display: inline;
  height: 100%;
  width: 48px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.timelineLikeButton {
  background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/feed/feed-assets.png") no-repeat 8px 6px;
  border-right: 1px solid #ddd;
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.9);
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.9);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.9); }

.timelineLiked {
  background-position: 8px -44px; }

.timelineLikeButtonAnimation {
  background: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/p/glyph-heart-pop.png") no-repeat 50% 50%;
  display: block;
  position: relative;
  left: -1px;
  top: 1px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 5;
  pointer-events: none;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px; }

.timelineLikeButton:active,
.timelineLiked,
.timelineLiked:hover {
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15), 0 2px 0 rgba(255,255,255,.9), inset 0 0 2px rgba(0,0,0,.08);
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15), 0 2px 0 rgba(255,255,255,.9), inset 0 0 2px rgba(0,0,0,.08);
  box-shadow: 0 1px 0 rgba(0,0,0,.15), 0 2px 0 rgba(255,255,255,.9), inset 0 0 2px rgba(0,0,0,.08); }

.timelineComments {
  padding: 0; }
  .timelineComments .delete-comment {
    right: 12px !important; }

.timelineCommentsViewport {
  max-height: 320px; }

.timelineCommentsViewport.scrollAreaScrolling {
  margin-top: -1px;
  border-bottom: 1px solid #ddd; }

.timelineComment,
.timelineCommentMore,
.timelineCommentComposer {
  position: relative; }

.timelineComment,
.timelineCommentMore {
  margin: 0 0 12px;
  padding: 0 11px 0 48px; }

.timelineComment {
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  text-overflow: ellipsis; }

.timelineComment:last-child {
  margin: 0; }

.timelineCommentNew {
  opacity: 0; }

.timelineCommentAvatar.Image {
  position: absolute;
  left: 12px;
  top: 0;
  width: 24px;
  height: 24px; }

.timelineCommentUsername,
.timelineCommentText {
  position: relative;
  top: 1px; }

.timelineCommentUsername {
  margin: 0 0.4em 0 0; }

.timelineCommentComposer {
  padding: 12px;
  margin-bottom: 0; }
  .timelineCommentComposer .timelineCommentText {
    top: 0; }
  .timelineCommentComposer .timelineCommentAvatar {
    display: none; }

.timelineCommentTextField {
  width: 100%;
  margin: 0;
  padding: 8px 9px 7px;
  border-color: #d8d8d8;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-font-smoothing: antialiased; }

.timelineCommentMore {
  padding-bottom: 12px;

  margin: 0; }

.timelineCaption.timelineComment {
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 12px 11px 48px;
  margin-bottom: 0;
  word-wrap: break-word;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); }
  .timelineCaption.timelineComment .timelineCommentAvatar {
    top: 11px; }

@media screen and (max-width: 744px) {
  .timelineSidebar {
    padding: 8px 0;
    width: 30.108%; }

  .timelineCenter {
    margin-left: 30.108%;
    padding: 8px 20px 16px; }

  .timelineFirst .timelineSidebar {
    padding-top: 20px; }

  .timelineFirst .timelineCenter {
    padding-top: 20px; }

  .timelineLast .timelineCenter {
    padding-bottom: 24px; }

  .timelineBookmark {
    margin-right: 16px; } }
@media screen and (min-width: 521px) {
  .timelineCenter {
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.05), inset -1px 0 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.05), inset -1px 0 0 rgba(0,0,0,.05);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.05), inset -1px 0 0 rgba(0,0,0,.05); }

  .timelineLast .timelineCenter {
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.05), inset -1px 0 0 rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.05), inset -1px 0 0 rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.05);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.05), inset -1px 0 0 rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.05); } }
@media screen and (max-width: 520px) {
  .timelineCenter,
  .timelineSidebar {
    background: transparent; }

  .timelineDivider .timelineDividerText {
    background: #D7E4F0 url(../../images/shared/noise-2.png); }

  .timelineCenter {
    margin-left: 0;
    border: none; }

  .timelineCenter,
  .timelineFirst .timelineCenter {
    padding-top: 12px; }

  .timelineFirst .timelineSidebar {
    padding-top: 20px; }

  .timelineLast .timelineSidebar {
    display: none; }

  .timelineLast .timelineCenter {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-bottom: 24px; }

  .timelineSidebar {
    width: auto;
    float: none;
    padding-bottom: 0; }

  .timelineBookmark {
    min-height: 36px;
    padding-left: 72px;
    margin-right: 20px;
    text-align: left; }
    .timelineBookmark .timelineBookmarkAvatar {
      top: 0;
      left: 20px;
      right: auto; }

  .timelineBookmarkInfo {
    padding: 0; }

  .timelineBookmarkInfoUsername {
    float: left;
    padding-left: 0; }

  .timelineBookmarkInfoTimestamp {
    float: right; }

  .timelineBookmarkInfoUsername {
    margin-right: 0.4em; }

  .timelineBookmarkLocation {
    float: left;
    clear: left;
    margin-top: 0;
    margin-left: -1px; } }
@media screen and (max-width: 480px) {
  .timelineCenter,
  .timelineFirst .timelineCenter {
    padding: 8px; }

  .timelineFirst .timelineSidebar {
    padding-top: 12px; }

  .timelineBookmark {
    min-height: 36px;
    padding-left: 56px;
    margin-right: 9px; }
    .timelineBookmark .timelineBookmarkAvatar {
      left: 8px; }

  .timelineBookmarkInfoTimestamp .timelineBookmarkInfoTimestampContent {
    display: none; }
  .timelineBookmarkInfoTimestamp:after {
    text-indent: 0;
    content: attr(data-timestamp-short); } }
@media screen and (max-width: 400px) {
  .timelineCenter,
  .timelineFirst .timelineCenter {
    padding: 8px 4px; }

  .timelineBookmark {
    min-height: 32px;
    padding-left: 44px;
    padding-top: 0;
    margin-right: 5px; }
    .timelineBookmark .timelineBookmarkAvatar {
      left: 4px; }
    .timelineBookmark .Image {
      width: 32px;
      height: 32px; }

  .timelineCommentsViewport .scrollAreaContents {
    padding: 4px 0 0; }

  .timelineComment,
  .timelineCommentMore,
  .timelineCaption {
    margin: 0; }

  .timelineComment {
    padding: 4px 8px 0 12px; }
    .timelineComment .delete-comment {
      top: 6px !important; }

  .timelineComment:last-child {
    padding-bottom: 0; }

  .timelineCommentMore {
    margin-top: 0; }

  .timelineCommentAvatar {
    display: none !important; }

  .timelineCaption {
    padding: 8px 8px 8px 12px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .timelineLikeButton {
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/feed/feed-assets@2x.png");
    -webkit-background-size: 100px 1000px;
    background-size: 100px 1000px; }

  .timelineBookmarkLocation {
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/feed/feed-assets@2x.png");
    -webkit-background-size: 100px 1000px;
    background-size: 100px 1000px; }

  .timelineComments .scrollArea {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.timelineBookmark {
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.timelineBookmark {
  line-height: 16px; }

.timelineBookmarkInfoTimestamp,
.timelineBookmarkLocation {
  color: #999999; }

.timelineCommentUsername {
  font-weight: bold; }

.timelineCommentMore .timelineCommentText {
  color: #999999;
  font-weight: bold;
  cursor: pointer; }

.timelineCommentMore .timelineCommentText:hover {
  text-decoration: none; }

.timelineLoading {
  color: #999999; }

.timelineCommentSpinner {
  margin-left: -34px;
  margin-right: 14px; }

.timelineLoading {
  color: #999; }

.timelineLoadingSpinner {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 5px;
  margin-top: -1px;
  vertical-align: middle; }

.timelineLoadingSpinner,
.timelineCommentSpinner {
  display: inline-block;
  height: 16px;
  width: 16px; }

.timelineCommentSpinner {
  position: absolute;
  top: 1px;
  left: 2px; }

.timelineLoadingSpinner {
  position: relative;
  top: -1px;
  margin: -5px 8px -5px -4px; }

.timelineTopPaginate {
  background-color: rgba(255, 255, 255, 0.92);
  padding-bottom: 8px;
  cursor: pointer;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  -webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 0 #fff;
  font-weight: bold; }

.timelineTopPaginate:hover {
  text-decoration: none; }

.timelineTopPaginate,
.timelineTopPaginate:hover {
  color: #999999; }

.timelineTopPaginate.timelineTopShowing {
  padding-top: 52px; }

.timelineDivider {
  height: 24px;
  margin: -4px 1px;
  position: relative; }

.timelineDividerLine {
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 0;
  position: absolute;
  top: 50%;
  width: 100%; }

.timelineDividerText {
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  line-height: 24px;
  color: #999999;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  background: #A5CBF1 url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-2.png"); }

.timelineFeedPage {
  background: #D7E4F0 url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/shared/noise-2.png"); }

.timelineFeedPage .top-bar {
  position: fixed;
  width: 100%; }

.timelineFeedPage .main .wrapper {
  max-width: 1024px;
  padding: 43px 0 52px;
  text-align: center; }

.timelineFeedPage .page-footer {
  background: none;
  border: none; }
</style><style data-filename="">.media-comments .delete-comment, .timelineComments .delete-comment {
  display: none;
  position: absolute;
  top: 0;
  right: 8px;
  width: 17px;
  height: 17px;
  margin: 0;
  background: #f0f0f0 url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/p/photo-page-assets.png") no-repeat 4px -496px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }
  .media-comments .delete-comment:hover, .timelineComments .delete-comment:hover {
    background-color: #e6e6e6; }
  .media-comments .delete-comment:active, .timelineComments .delete-comment:active {
    background-color: #ddd;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.media-comments .caption .delete-comment, .media-comments .timelineCaption .delete-comment, .timelineComments .caption .delete-comment, .timelineComments .timelineCaption .delete-comment {
  top: 10px;
  right: 8px; }
.mount-addcomment .media-comments ul .delete-comment, .mount-addcomment .timelineComments ul .delete-comment {
  right: 6px; }

.comment:hover.can-delete-comments .delete-comment, .can-delete-comments .comment:hover .delete-comment, .comment.force-hover.can-delete-comments .delete-comment, .can-delete-comments .comment.force-hover .delete-comment, .timelineComment:hover.can-delete-comments .delete-comment, .can-delete-comments .timelineComment:hover .delete-comment, .timelineComment.force-hover.can-delete-comments .delete-comment, .can-delete-comments .timelineComment.force-hover .delete-comment {
  display: block; }
.comment:hover.can-delete-comments .comment-meta, .can-delete-comments .comment:hover .comment-meta, .comment.force-hover.can-delete-comments .comment-meta, .can-delete-comments .comment.force-hover .comment-meta, .timelineComment:hover.can-delete-comments .comment-meta, .can-delete-comments .timelineComment:hover .comment-meta, .timelineComment.force-hover.can-delete-comments .comment-meta, .can-delete-comments .timelineComment.force-hover .comment-meta {
  display: none; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .delete-comment {
    background-image: url("//d36xtkk24g8jdx.cloudfront.net/bluebar/f9a876b/images/p/photo-page-assets@2x.png");
    background-size: 300px 700px; 
	}
}
